<template>
  <el-dialog :visible.sync="visible" width="54%" :before-close="handleClose">
    <div slot="title" style="font-size: 14px;font-weight: 500;">
      查看详情
    </div>
    <div class="accept-container">
      <div class="dialog-head">
        <el-radio-group v-model="status" size="small">
          <el-radio-button label="待添加"></el-radio-button>
          <el-radio-button label="待通过"></el-radio-button>
          <el-radio-button label="已通过"></el-radio-button>
          <el-radio-button label="添加失败"></el-radio-button>
        </el-radio-group>
        <span style="font-size: 14px; color: rgba(0, 0, 0, 0.45); font-weight: normal;">
          <i style="color: rgb(250, 173, 20);" class="el-icon-warning-outline"></i>
          仅展示最近1个月内的记录
        </span>
      </div>
      <div class="content">
        <div class="filter">
          <el-input class="search-input" size="small" placeholder="搜手机号" suffix-icon="el-icon-search"
            style="width: 200px;" />
          <span style="margin-left: 10px;">共 <strong style="color: rgb(47, 84, 235);">0</strong> 条数据</span>
        </div>
        <div class="list">
          <div class="empty-body">
            <img class="empty-cover" src="@/assets/images/empty1.png" />
            <div class="empty-text">暂无数据</div>
          </div>
        </div>
      </div>
    </div>
  </el-dialog>
</template>
<script>
export default {
  data() {
    return {
      status: '',
      tableData: []
    }
  },
  props: ['visible'],
  methods: {
    onClose() {
      this.$emit('handCloseDialog');
    }
  },
}
</script>
<style lang="scss" scoped>
.accept-container {
  .dialog-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
  }

  .list {
    .empty-body {
      display: flex;
      flex-direction: column;
      align-items: center;
      min-height: 300px;
      padding-top: 100px;

      .empty-cover {
        width: auto;
        height: 90px;
      }

      .empty-text {
        color: rgba(0, 0, 0, 0.45);
        font-size: 14px;
        line-height: 22px;
        margin-top: 20px;
      }
    }
  }
}
</style>